<!-- Header -->
<header class="header box">
    <div class="header__left">
        <div class="header__photo">
            <img class="header__photo-img portrait" src="assets/img/main-photo.svg" alt="Ronald Robertson">
        </div>
        <div class="header__base-info">
            <h4 class="title titl--h4">Ronald Robertson</h4>
            <div class="status signature">Creative Director</div>
            <ul class="header__social">
                <li><a href="https://www.instagram.com"><i class="font-icon icon-instagram1"></i></a></li>
                <li><a href="https://www.facebook.com"><i class="font-icon icon-facebook1"></i></a></li>
                <li><a href="https://www.twitter.com"><i class="font-icon icon-twitter1"></i></a></li>
            </ul>
        </div>
    </div>
    <div class="header__right">
        <li style="position: absolute; left: 93%;list-style-type:none;top: 73%;">
            <a href="update.html"><i class="font-icon icon-tag"></i></a></li>
        <ul class="header__contact">
            <li><span class="overhead">Email</span><span class="email">ronald@example.com</span></li>
            <li><span class="overhead">Phone</span><span class="phone">+1 (070) 123–8459</span></li>
        </ul>
        <ul class="header__contact">
            <li><span class="overhead">Birthday</span><span class="birthday">17 March, 1995</span></li>
            <li><span class="overhead">Location</span><span class="location">San-Francisco, USA</span></li>
        </ul>
    </div>
</header>

<!--渲染用户信息-->
<script src="assets/js/userInfo.js"></script>